<script lang="ts" setup>
// 2. 导入组件
import HmTest from './components/HmTest.vue';
// lang="ts"   支持 ts 语法
// setup 是 Vue3 的组合式 API 写法
console.log('根组件被加载了')
</script>

<template>
  <!-- template 类似鸿蒙组件的 build() 函数，用于构建界面 -->
  <h1 class="title">Hello World</h1>
  <!-- 3. 使用组件 -->
  <HmTest></HmTest>
  <HmTest />

  <hm-test></hm-test>
  <hm-test />
  <HmButton></HmButton>
</template>

<style scoped>
/* scoped 限制样式只对当前组件有效，避免样式冲突 */
.title {
  color: red;
}
</style>